<!--
 * @Author: wangkg wangkegui@longfor.com
 * @Date: 2024-05-28 15:44:45
 * @Description: 
-->
<template>
  <div class="p-5">
    多层级缓存-页面1-1-1 多语测试：
    <br />
    <el-input />
    <div class="demo-color-block">
      <span class="demonstration">With default value</span>
      <el-color-picker v-model="color1" />
    </div>
    <el-button :auth="'hi'">你好</el-button>
    <ul class="icon-ul">
      <li
        v-for="iconKey in Object.keys(ElIcon)"
        :key="iconKey"
        :class="active === iconKey ? 'active-item' : ''"
        @click="onSelect(iconKey)"
      >
        <el-icon>
          <component :is="iconList[iconKey]"></component>
        </el-icon>
        <div>{{ iconKey }}</div>
      </li>
  </ul>
  </div>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import * as ElIcon from '@element-plus/icons-vue'
  const color1 = ref('#000');
  defineOptions({ name: 'Menu111Demo' });
</script>
